.content{
	width: 1000px;
	margin: 0 auto;
}
//上部位置list
ul.topList{
	padding-top: 115px;
	padding-bottom: 5px;
	height: 20px;
	// background: red;
}
//主内容区
div.mainRoot{
	
	div.leftRoot{
		float: left;
		width: 720px;
		//轮播图展示区
		div.goodsImgsRoot{
			position: relative;
			float: left;
			width: 350px;
			height: 445px;
			
			
			div.bigImgsRoot{
				height: 350px;
				overflow: hidden;
				position: relative;
				
				ul.bigImgsUl{
					height: 350px;
					position: absolute;
					left: 0;
					// float: left;
					
					li{
						float: left;
						width: 350px;
						height: 350px;
						background: olive;
						
					}
				}
			}
			
			div.smallImgsRoot{
				padding-top: 15px;
				overflow: hidden;
				height: 95px;
				position: relative;
				
				ol.smallImgsOl{
					// float: left;
					height: 80px;
					position: absolute;
					left: 0;
					
					li{
						margin-top: 8px;
						float: left;
						width: 64px;
						height: 64px;
						margin-left: 6px;
						background: orange;
						cursor: pointer;
						
						&.smallImgFirst{
							margin-left: 0;
						}
					}
				}
			}
			
			
			&>span{
				position: absolute;
				width: 10px;
				height: 18px;
				bottom: 31px;
				cursor: pointer;
				
				&.leftBtn{
					background: url(../../source/imgs/24753.png) no-repeat;
					left: -20px;
					background-size:cover;
				}
				
				&.rightBtn{
					background: url(../../source/imgs/24751.png) no-repeat;
					right: -20px;
					background-size:cover;
				}
			}
			
		}
		//详情展示区
		div.goodsInfoRoot{
			width: 330px;
			float: right;
			
			p.goodsLike{
				line-height: 21px;
				height: 21px;
				cursor: pointer;
				font-size: 13px;
				padding-left: 20px;
				background: url(https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24747.png) 0px center no-repeat;
				background-size: 14px 13px;
			}
			
			h2.goodsName{
				color: #878787;
				font-size: 24px;
				font-weight: 400;
				line-height: 36px;
				padding-top: 10px;
			}
			
			h3.goodsDesc{
				font-size: 20px;
				line-height: 26px;
				min-height: 52px;
				color: #333;
			}
			
			ul.goodsMainInfoUl{
				padding-bottom: 18px;
				
				&>li{
					
					span.titleSpan{
						color: rgb(153,153,153);
						font-size: 12px;
						line-height: 20px;
						float: left;
						padding-top: 5px;
						width: 40px;
					}
					
					.detailRoot{
						float: left;
						font-size: 0;
					}
				}
				// 价格区域
				li.goodsPriceLi{
					
					div.priceDetail{
						
						span.nowPrice{
							color: rgb(16,131,255);
							font-size: 18px;
							padding-right: 3px;
						}
						
						span.oldPrice{
							color: rgb(153, 153, 153);
							text-decoration: line-through;
							font-size: 12px;
							vertical-align: bottom;
							display: none;
						}
						
						p.reduceText{
							background-color: rgb(220,150,180);
							// display: inline-block;
							display: none;
							padding: 0 4px;
							color: white;
							border-radius: 2px;
							line-height: 19px;
							// text-align: center;
							letter-spacing: 2px;
							font-size: 12px;
							margin-top: 5px;
							margin-bottom: 5px;
						}
						
						div.fixedDiv{
							min-height: 32px;
							
							img.reduceImg{
								width: 30px;
								margin-right: 13px;
								// display: inline-block;
								display: none;
							}
							
							div.reduceInfo{
								font-size: 12px;
								line-height: 17px;
								color: black;
								// display: inline-block;
								display: none;
							}
						}
						
						p.beginTime,span.free,span.legal{
							font-size: 12px;
							line-height: 17px;
							color : rgb(153,153,153);
							padding-left: 17px;
							// display: none;
						}
						
						p.beginTime{
							background: url(https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24691.png)no-repeat left center;
							background-size: 14px 14px;
						}
						
						span.free{
							background: url(https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24690.png) no-repeat left center;
							background-size: 14px 14px;
						}
						
						span.legal{
							background: url(https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24689.png) no-repeat left center;
							background-size: 12px 14px;
							margin-left: 3px;
						}
						
					}
				}
				
				//属性区域
				li.goodAttrLi{
					padding-top: 5px 0;
					margin-top: 10px;
					
					ul{
						min-height: 45px;
						padding-top: 5px;
						
						li{
							line-height: 24px;
							padding: 0 10px;
							border: 1px solid black;
							color: #999;
							font-size: 13px;
							text-align: center;
							background: #dcdcdc;
							float: left;
						}
					}
				}
				//数量区域
				li.goodsNumLi{
					margin-top: 10px;
					
					div.selectNumRoot{
						font-size: 0;
						padding-top: 7px;
						
						&>a{
							width: 13px;
							height: 13px;
							display: inline-block;
							vertical-align: middle;
							
							&.goodsNumReduce{
								background: url(https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24748.png) no-repeat;
								background-size: 13px 13px;
							}
							
							&.goodsNumPuls{
								background: url(https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24750.png) no-repeat;
								background-size: 13px 13px;
							}
						}
						
						input{
							vertical-align: middle;
							margin: 0 7px;
							width: 	52px;
							height: 24px;
							border: 1px solid rgb(238, 238, 238);
							background: white;
							text-align:center;
							font-size: 13px;
						}
					}
				}
				
			}
			
			a.goodsBuyBtn{
				display: block;
				background: black;
				line-height: 42px;
				color: #fff;
				font-size: 18px;
				text-align: center;
				margin-bottom: 10px;
			}
			
			@mixin goodsShopBottomBtn{
				width: 160px;
				line-height: 32px;
				border: 1px solid black;
				font-size: 13px;
				text-align: center;
				color: black;
				margin-bottom: 10px;
			}
			
			a.goodsShopCarBtn{
				@include goodsShopBottomBtn;
				float: left;
				
				span{
					padding-left: 17px;
					background: url(https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24749.png) no-repeat;
					background-size: 15px;
				}
			}
			
			a.goodsShareBtn{
				@include goodsShopBottomBtn;
				float: right;
				
				span{
					padding-left: 17px;
					background: url(https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24746.png) no-repeat;
					background-size: 12px;
				}
			}
			
		}
		//主图片展示区
		div.goodsMainImgsRoot{
			clear: both;
		}
		//品牌介绍以及注意事项
		h3.brandTital{
			font-size:17px;
			font-weight: 400;
			line-height: 24px;
			color: rgb(38, 38, 38);
			padding-left: 25px;
			background: url(https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24830.png) no-repeat left center;
			background-size: 20px 21px;
		}
		
		p.brandIntro{
			padding-top: 20px;
			color: rgb(51, 51, 51);
			font-size: 12px;
			font-weight:400px;
			line-height: 24px;
			margin-bottom: 30px;
		}
		
		h3.shopGuide{
			font-size:17px;
			font-weight: 400;
			line-height: 24px;
			padding-left: 25px;
			background: url(https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24829.png) no-repeat left center;
			background-size: 20px 21px;
			color: rgb(38, 38, 38);
			margin-bottom: 20px;
		}
		
		p.shopGuideText{
			color: rgb(51, 51, 51);
			font-size: 12px;
			line-height: 17px;
			margin-bottom: 20px;
		}
		
		a.afterMark{
			display: block;
			width: 100px;
			height: 28px;
			margin-bottom: 90px;
			background: url(https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24832.png) no-repeat;
			background-size: 100px 28px;
			position: relative;
			
			&:hover{
				
				div.userNotesRoot{
					display: block;
				}
			}
			
			div.userNotesRoot{
				background: white;
				display: none;
				position: absolute;
				bottom: 100%;
				width: 592px;
				padding: 24px 30px;
				border: 3px solid rgb(237, 237, 237);
				color: rgb(102, 102, 102);
				font-size: 12px;
				
				h5{
					
					font-weight: 700;
				}
				
				p{
					font-weight: 400;
					padding-left: 2em;
					
					&.mainPart{
						text-indent: -2em;
					}
				}
				
			}
		}
	
	}
	// 右侧商品推荐区
	div.rightRoot{
		float: right;
		width: 200px;
		
		span.guess{
			font-size: 14px;
			font-weight: bold;
			line-height: 19px;
			
		}
		
		ul.recommendList{
			margin-top: 10px;
			
			li{
				height: 320px;
				position: relative;
				
				img.goodsImg{
					width: 200px;
					height: 200px;
				}
				
				h5.goodsName{
					font-size: 12px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					line-height: 18px;
					padding-top: 10px;
				}
				
				img.reduceImg{
					position: absolute;
					width: 30px;
					height: 30px;
					left: 20px; top: 0;
				}
				
				h4.brand{
					line-height: 17px;
					margin:7px 0;
					font-size: 12px;
					color: rgb(153,153,153);
				}
				
				p.priceRoot{
					font-size: 0;
					
					span.currentPrice{
						color: #3193F3;
						font-size: 14px;
						line-height: 24px;
						vertical-align: middle;
						margin-right: 4px;
						
					}
					
					span.oldPrice{
						line-height: 20px;
						color: rgb(153, 153, 153);
						text-decoration: line-through;
						font-size: 12px;
						vertical-align: middle;
					}
					
				}
				
				
			}
		}
		
	}
	
}